<script type="text/javascript">
    _this.onLoad(function () {
        $("button,.link,.btnNext").UI_AddClassHover("hover");

        if (User.isLogin()) {
            $("#Login_username").val(User.username);
        }

        $("#Login .Login").on("tap", function () {
            var username = $("#Login_username").val();
            var password = $("#Login_password").val();
            if ($.trim(username) === "") {
                Toast.show({id: "gv", text: "Vui lòng nhập số điện thoại đăng ký.", type: "warning", position: "bottom"});
            } else if ($.trim(password) === "") {
                Toast.show({id: "gv", text: "Vui lòng nhập mật khẩu.", type: "warning", position: "bottom"});
            } else {
                Toast.progress({text: "Đăng nhập...", height: 84});
                $("input").blur();
                $.ajax({
                    url: _this.Base_Api + "login",
                    data: {username: username, password: password},
                    timeout: 18000,
                    success: function (data) {
                        if (data.status == "200") {
                            _this.storage.set("menu_flag", "-1");
                            var DataUser = {};
                            DataUser.id = data.content.id;
                            DataUser.username = data.content.username;
                            DataUser.fullname = data.content.fullname == null ? "" : data.content.fullname;
                            DataUser.birthday = data.content.birthday == null ? "" : data.content.birthday;
                            DataUser.point = data.content.point | 0;
                            DataUser.email = data.content.email == null ? "" : data.content.email;
                            DataUser.role = "member";
                            DataUser.address = data.content.address == null ? "" : data.content.address;
                            DataUser.mobile = data.content.mobile == null ? "" : data.content.mobile;
                            //OI1KM5
                            $.extend(User, DataUser);
                            User.save(JSON.stringify(DataUser));
                            loadSlide(function () {
                                $(".RefreshSlider").removeClass("loading");
                            });
                            send_tokenkey(User.tokenkey);
                            setTimeout(function () {
                                Toast.progressNext();
                                Infobar.load("user/index");
                                setTimeout(function () {
                                    $(".UI_BarBody").addClass("UI_BarBody_Active FadeIn");
                                }, 100);
                            }, 400);
                        } else {
                            Toast.progressNext({
                                type: "failure",
                                text: "Đăng nhập thất bại.",
                                height: 104,
                                turnoff: 3500
                            });
                        }
                    }, error: function (jqXHR, textStatus) {

                        if (textStatus == "timeout") {
                            Toast.progressNext({text: "<h6>Kết nối quá lâu.</h6><p>Vui lòng kiểm tra internet hoặc thực hiện lại.</p>", type: "failure", height: 112, width: 190, turnoff: 3500});
                        } else {
                            Toast.progressNext({text: "Không có kết nối.", type: "failure", height: 98, width: 112, turnoff: 2000});
                        }
                    }
                });
            }
        });

        $("#Login .btnNext,#Login .LinkRegis, #Login .LinkGetPass").on("tap", function () {
            $("#Login .btnNext").off("tap");
            Infobar.load($(this).data("href"));
        });
    });
</script>

<div id="Login" class="UI_BarBody UI_BarBody_Active FadeIn">
    <div class="Form">
        <header>Đăng nhập tài khoản</header>
        <p class="input-text">
            <input id="Login_username" type="text" placeholder="Số điện thoại" autocapitalize="off"/>
        </p>
        <p class="input-text">
            <input id="Login_password" type="password" placeholder="Mật khẩu" autocapitalize="off"/>
        </p>
        <button class="Login">Đăng nhập</button>
        <button class="LinkRegis" data-href="user/register">Đăng ký nhanh</button>
        <button class="LinkGetPass" data-href="user/getpass">Quên mật khẩu</button>
        <a class="btnNext" data-href="user/index"><i class="fa fa-reply"></i></a>
    </div>
</div>